import React,{Component} from 'react';
import './home.css';
import Title from '../title/title';
import {Link} from 'react-router-dom';
import List from '../musiclist/musiclist';

export default class Home extends Component {
    navActive=()=>{
       console.log(this);
    }
    render(){
        let listConfig={
            type:'1',
            list:[]
        };
        let arr=[1,2,3,4,5,6];
        let list=arr.map((li,index)=>
            <li key={index}>
                <a href=''>
                    <img alt='' src="http://p1.music.126.net/PLhODaqiHVZeYUYSZ9kGMQ==/109951163168289079.webp?imageView&thumbnail=246x0&quality=75&tostatic=0&type=webp"/>
                    <em>79.6万</em>
                    <h3>华语国际热门音乐精选50首</h3>
                </a>
            </li>
        );
        return (
            <div className='home-box'>
                <Title name='推荐歌单'/>
                <ul className='gd-list'>
                    {list}
                </ul>
                <Title name='最新音乐'/>
                <List config={listConfig}/>
            </div>
        )
    }
}